<div class="page_container_bg">
    {% if image.0 %}
    <div class="portfolio_container">

        <!-- begin portfolio box container -->
        <div class="portfolio_box_container">

            <!-- begin portfolio box #1 -->
            <div class="portfolio_box" style="padding-right:40px;">

                <!-- begin image skin -->
                <div class="image_skin">

                    <!-- begin image inside border -->
                    <div class="image_inside_border">

                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:270px; height:210px;">

                            <div class="image_holder" lang="zoom_image" style="width:270px; height:210px;">
                                <a href="/static/images/nodebook/{{ image.0 }}" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/nodebook/{{ image.0 }}" width="270" height="210" alt=""/>
                                </a>
                            </div>

                        </div>
                        <!-- end image -->

                    </div>
                    <!-- begin image inside border -->

                </div>
                <!-- end image skin -->

                <div class="cleardiv"></div>

                <!-- begin box details -->
                <div class="portfolio_details" style="width:240px;" >

                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div>{{ name.0 }}</div>
                    </div>
                    <!-- end box title -->

                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        {% for item in items.0 %}
                        <p>{{ item }}</p>
                        {% endfor %}
                        <div class="portfolio_details_button">
                            <a href="/nodebook/{{ url.0 }}">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->

                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box #1 -->

            <!-- begin portfolio box #2 -->
            {% if image.1 %}
            <div class="portfolio_box" style="padding-right:20px;">

                <!-- begin image skin -->
                <div class="image_skin">

                    <!-- begin image inside border -->
                    <div class="image_inside_border">

                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:270px; height:210px;">

                            <div class="image_holder" lang="zoom_image" style="width:270px; height:210px;">
                                <a href="/static/images/nodebook/{{ image.1 }}" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/nodebook/{{ image.1 }}" width="270" height="210" alt=""/>
                                </a>
                            </div>

                        </div>
                        <!-- end image -->

                    </div>
                    <!-- begin image inside border -->

                </div>
                <!-- end image skin -->

                <div class="cleardiv"></div>

                <!-- begin box details -->
                <div class="portfolio_details" style="width:270px;" >

                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div>{{ name.1 }}</div>
                    </div>
                    <!-- end box title -->

                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        {% for item in items.1 %}
                        <p>{{ item }}</p>
                        {% endfor %}
                        <div class="portfolio_details_button">
                            <a href="/nodebook/{{ url.1 }}">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->

                </div>
                <!-- end box details -->

            </div>
            {% endif %}
            <!-- end portfolio box #2 -->
            <!-- begin portfolio box #3 -->
            {% if image.2 %}
            <div class="portfolio_box" style="padding-right:20px;">

                <!-- begin image skin -->
                <div class="image_skin">

                    <!-- begin image inside border -->
                    <div class="image_inside_border">

                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:270px; height:210px;">

                            <div class="image_holder" lang="zoom_image" style="width:270px; height:210px;">
                                <a href="/static/images/nodebook/{{ image.2 }}" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/nodebook/{{ image.2 }}" width="270" height="210" alt=""/>
                                </a>
                            </div>

                        </div>
                        <!-- end image -->

                    </div>
                    <!-- begin image inside border -->

                </div>
                <!-- end image skin -->

                <div class="cleardiv"></div>

                <!-- begin box details -->
                <div class="portfolio_details" style="width:270px;" >

                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div>{{ name.2 }}</div>
                    </div>
                    <!-- end box title -->

                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        {% for item in items.2 %}
                        <p>{{ item }}</p>
                        {% endfor %}
                        <div class="portfolio_details_button">
                            <a href="/nodebook/{{ url.2 }}">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->

                </div>
                <!-- end box details -->

            </div>
            {% endif %}
            <!-- end portfolio box #3 -->

        </div>
        <!-- end portfolio box container -->

        <!-- begin portfolio box container -->
        {% if image.3 %}
        <div class="portfolio_box_container">

            <!-- begin portfolio box #1 -->
            <div class="portfolio_box" style="padding-right:40px;">

                <!-- begin image skin -->
                <div class="image_skin">

                    <!-- begin image inside border -->
                    <div class="image_inside_border">

                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:270px; height:210px;">

                            <div class="image_holder" lang="zoom_image" style="width:270px; height:210px;">
                                <a href="/static/images/nodebook/{{ image.3 }}" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/nodebook/{{ image.3 }}" width="270" height="210" alt=""/>
                                </a>
                            </div>

                        </div>
                        <!-- end image -->

                    </div>
                    <!-- begin image inside border -->

                </div>
                <!-- end image skin -->

                <div class="cleardiv"></div>

                <!-- begin box details -->
                <div class="portfolio_details" style="width:240px;" >

                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div>{{ name.3 }}</div>
                    </div>
                    <!-- end box title -->

                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        {% for item in items.3 %}
                        <p>{{ item }}</p>
                        {% endfor %}
                        <div class="portfolio_details_button">
                            <a href="/nodebook/{{ url.3 }}">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->

                </div>
                <!-- end box details -->

            </div>
            <!-- end portfolio box #1 -->

            <!-- begin portfolio box #2 -->
            {% if image.4 %}
            <div class="portfolio_box" style="padding-right:20px;">

                <!-- begin image skin -->
                <div class="image_skin">

                    <!-- begin image inside border -->
                    <div class="image_inside_border">

                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:270px; height:210px;">

                            <div class="image_holder" lang="zoom_image" style="width:270px; height:210px;">
                                <a href="/static/images/nodebook/{{ image.4 }}" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/nodebook/{{ image.4 }}" width="270" height="210" alt=""/>
                                </a>
                            </div>

                        </div>
                        <!-- end image -->

                    </div>
                    <!-- begin image inside border -->

                </div>
                <!-- end image skin -->

                <div class="cleardiv"></div>

                <!-- begin box details -->
                <div class="portfolio_details" style="width:240px;" >

                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div>{{ name.4 }}</div>
                    </div>
                    <!-- end box title -->

                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        {% for item in items.4 %}
                        <p>{{ item }}</p>
                        {% endfor %}
                        <div class="portfolio_details_button">
                            <a href="/nodebook/{{ url.4 }}">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->

                </div>
                <!-- end box details -->

            </div>
            {% endif %}
            <!-- end portfolio box #2 -->

            <!-- begin portfolio box #3 -->
            {% if image.5 %}
            <div class="portfolio_box" style="padding-right:20px;">

                <!-- begin image skin -->
                <div class="image_skin">

                    <!-- begin image inside border -->
                    <div class="image_inside_border">

                        <!-- begin image -->
                        <div class="image_skin_anime" style="width:270px; height:210px;">

                            <div class="image_holder" lang="zoom_image" style="width:270px; height:210px;">
                                <a href="/static/images/nodebook/{{ image.5 }}" rel="prettyPhoto[gallery]">
                                    <img src="/static/images/nodebook/{{ image.5 }}" width="270" height="210" alt=""/>
                                </a>
                            </div>

                        </div>
                        <!-- end image -->

                    </div>
                    <!-- begin image inside border -->

                </div>
                <!-- end image skin -->

                <div class="cleardiv"></div>

                <!-- begin box details -->
                <div class="portfolio_details" style="width:240px;" >

                    <!-- begin box title -->
                    <div class="portfolio_title">
                        <div>{{ name.5 }}</div>
                    </div>
                    <!-- end box title -->

                    <!-- begin detail text -->
                    <div class="portfolio_text">
                        {% for item in items.5 %}
                        <p>{{ item }}</p>
                        {% endfor %}
                        <div class="portfolio_details_button">
                            <a href="/nodebook/{{ url.5 }}">
                                <span class="details_button">Read more »</span>
                            </a>
                        </div>
                    </div>
                    <!-- begin detail text -->

                </div>
                <!-- end box details -->

            </div>
            {% endif %}
            <!-- end portfolio box #3 -->
        </div>
        {% endif %}
        <!-- end portfolio box container -->

        <div class="page_nav_numbers">
            <ul>

            </ul>
        </div>
    </div>
    {% else %}
    <p>数据库查找失败，请重新查找！</p>
    {% endif %}
</div>